window.onload=function(){
    

//分页
    //获取分页的按钮
    var turn_page=document.getElementsByClassName("turn_page")[0];
    //查询订单总数
    $.ajax({
        url:"http://118.195.129.130:3000/food/allpage",
        success:function(data){
            // console.log(data.pages);
            //ceil() 方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数。
            var pageBtnNumber=Math.ceil(data.pages/10);
            // console.log(pageBtnNumber);
            //第一层循环用来创建并获取按钮
            for(let i=0;i<pageBtnNumber;i++){
                var pageBtn=document.createElement("div");
                pageBtn.className="pageBtn";
                turn_page.appendChild(pageBtn);
                var pageBtn=document.getElementsByClassName("pageBtn");
                pageBtn[i].innerHTML=i+1;
                //第二层循环用于完成点击按钮分页
                for(let h=0;h<pageBtn.length;h++){
                    //点击按钮删除本页内容，添加下一页的内容
                    pageBtn[h].onclick=function(){
                        var child = tbody.lastElementChild;  
                        while (child) { 
                            tbody.removeChild(child); 
                            child = tbody.lastElementChild; 
                        } 
                        paging(h+1);

                    }
                }
            }
        }
    });

    //页面显示第一页
    paging(1);
    //获取表格中添加数据的部分
    var tbody=document.getElementsByClassName("tbody")[0];
    //分页函数
    function paging(i){
            $.ajax({
                url:"http://118.195.129.130:3000/food/getInfoByPage",
                type:"post",
                data:{
                    page:i,
                    per_page:10
                },
                success:function(data){
                    // console.log(data.data[0]._id);
                    //每页创建10条tr
                    for(let k=0;k<data.data.length;k++){
                        var addTr=document.createElement('tr');
                        addTr.className="addTr";
                        tbody.appendChild(addTr);
                    }
                    var addTr=document.getElementsByClassName("addTr");
                
                        // for(let g=0;g<addTr.length;g++){
                        //     tbody.removeChild(addTr[0]);
                        // }
                    //双层循环，每一行创建5个td
                    for(let j=0;j<addTr.length;j++){
                        for(let k=0;k<5;k++){
                            var addTd=document.createElement('td');
                            addTd.className="addTd";
                            if(k==4){
                                addTd.innerHTML="<button class='deleteBtn'>删除<button class='addBtn'>更改"
                            }
                            addTr[j].appendChild(addTd);
                        }
                        var addTd=document.getElementsByClassName("addTd");
                        //将获取到的数据添加到页面中
                        // addTd[j*6].innerHTML=j+1;
                        addTd[j*5].innerHTML=data.data[j].name;
                        addTd[j*5+1].innerHTML=data.data[j].price;
                        addTd[j*5+2].innerHTML=data.data[j].desc;
                        addTd[j*5+3].innerHTML=data.data[j].typename;

                        //删除
                        var deleteBtn = document.getElementsByClassName("deleteBtn");
                        for(let i=0;i<deleteBtn.length;i++){
                            deleteBtn[i].onclick=function(){
                                var id=data.data[i]._id;
                                $.ajax({
                                    url:"http://118.195.129.130:3000/food/del",
                                    type:"post",
                                    data:{
                                        _id:id,
                                    },
                                    success:function(data){
                                        var Yes=confirm("确定要删除这行吗?");
                                        if(Yes){
                                            var child = tbody.lastElementChild;  
                                        while (child) { 
                                            tbody.removeChild(child); 
                                            child = tbody.lastElementChild; 
                                        } 
                                        paging(1);
                                        }
                                        

                                    },
                                    error:function(err){
                                        console.log(err);
                                    }
                                })
                            }
                        }

                        



                    }

                    // //修改
                    //     var cha1=document.getElementById("change1_1")
                    //     var cha2=document.getElementById("change1_2")
                    //     var cha3=document.getElementById("change1_3")
                    //     var cha4=document.getElementById("change1_4")
                    //     var chan;
                    //     var inp=change1.getElementsByTagName("input");
                    //     var addBtn=document.getElementsByClassName("addBtn");
                    //     var id=data.data[i]._id;
                    //     for(var i=0;i<addBtn.length;i++){
                    //             addBtn[i].onclick=function(){
                                    
                    //                 change1.style.opacity=1;
                    //                 //change2的父节点的父节点，精准获取修改哪一行
                    //                 chan=this.parentNode.parentNode;
                    //                 //把修改框添加在页面中
                    //                 var names=chan.childNodes[0].innerHTML;
                    //                 var price=chan.childNodes[1].innerHTML;
                    //                 var desc=chan.childNodes[2].innerHTML;
                    //                 var typename=chan.childNodes[3].innerHTML;
                    //                 //把内容放在修改框中
                    //                 cha1.innerHTML=names;
                    //                 cha2.innerHTML=price;
                    //                 cha3.innerHTML=desc;
                    //                 cha4.innerHTML=typename;
                    //             }
                    //     }
                    //     sure.onclick=function(){
                    //         $.ajax({
                    //             type:"post",
                    //             url:"http://118.195.129.130:3000/food/update",
                    //             async:true,
                    //             //确定修改的数据
                    //             data:{
                    //                 name:cha1.value,
                    //                 price:cha2.value,
                    //                 desc:cha3.value,
                    //                 typename:cha4.value,
                    //                 _id:id,
                    //             },
                    //             success:function(data){
                    //                 var chan_class=chan.getElementsByClassName("table_box_content")
                    //                 //点击确定修改后添加内容文本
                    //                 chan_class[1].innerText=cha1.value
                    //                 chan_class[2].innerText=cha2.value
                    //                 chan_class[3].innerText=cha3.value
                    //                 chan_class[4].innerText=cha4.value
                    //                 console.log(data);
                    //                 //弹窗，修改成功
                    //                 alert(data.msg);
                    //                 //调用分页函数，刷新修改过的页面
                    //                 paging(1);
                    //                 //隐藏修改框
                    //                 change1.style.opacity=0;
                    //                 //清空修改框内容
                    //                 for(var i=0;i<inp.length;i++){
                    //                     inp[i].value=" "
                    //                 }
                    //             },
                    //             error:function(err){
                    //                 console.log(err);
                    //             }
                    //         })
                    //     }
                    //     //取消修改
                    //     chance.onclick=function(){
                    //         change1.style.opacity=0;
                    //         for(var i=0;i<inp.length;i++){
                    //             inp[i].value=" "
                    //         }
                    //     }



                }
            })
    }

    //修改框
    // var addBtn=document.getElementById("addBtn");
    // var right_menu_box=document.getElementsByClassName("right_menu_box");
    //     addBtn.onclick=function (){
    //         var addGai=document.createElement("div");
    //         addGai.className="addGai";
    //         right_menu_box.appendChild(addGai);
    //         var addGaiBox=document.createElement("div");
    //         addGaiBox.className="addGaiBox";
    //         addGai.appendChild(addGaiBox);
    //     }




//增加
    var add_content=document.getElementById("add_content");
    var addPut=add_content.getElementsByTagName("input");
    add.onclick = function(){
        $.ajax({
            url:"http://118.195.129.130:3000/food/add",
            type:"post",
            async:true,
            data:{
                name:add1.value,
                price:add2.value,
                desc:add3.value,
                typename:add4.value,
                typeid:" "
            },
            success:function(data){
                add1.innerText=add1.value;
                add2.innerText=add2.value;
                add3.innerText=add3.value;
                add4.innerText=add4.value;
                console.log(data);
                alert(data.msg);
                var child = tbody.lastElementChild;  
                while (child) { 
                    tbody.removeChild(child); 
                    child = tbody.lastElementChild; 
                }      
                for(let i=0;i<addPut.length;i++){
                    addPut[i].value=" ";
                }               
                paging(1);
                  
            },
            error:function(data){
                console.log(err);
            }
        })
    }

//删除
    // var deleteBtn=document.getElementsByClassName("deleteBtn");
    // for(let i=0;i<deleteBtn.length;i++){
    //     deleteBtn[i].onclick=function(){
    //         var id=
    //         $.ajax({
    //             type:"post",
    //             url:"http://118.195.129.130:3000/food/del",
    //             data:{
    //                 _id:this.id
    //             },
    //             success:function(){
    //                 alert(data.msg);
    //                 paging(1);
    //             },
    //             error:function(){
    //                 console.log(err);
    //             }
    //         })
    //     }
    // }
    //退出登录
    var quit=document.getElementsByClassName("quit")
    quit.onclick=function(){
        $.ajax({
            type:"post",
            url:"http://118.195.129.130:3000/user/out",
            async:true,
            success:function(data){
                alert(data.msg)
                window.location.href="../template/登录注册.html"
            },
            error:function(err){
                
            }
        })
    }
    
}